$(function() {
	//系统管理
	//----客户端类型匹配
	/**
	 * Init
	 *
	 * 
	 * |-- 
	 * |   `-- 
	 * |   `-- 
	 * |	   `-- 
	 * |		   `-- 
	 * |		   `-- 
	 * |			   `-- 
	 * |		   `-- 
	 * |-- 
	 * |-- 
	 */
	var ad = appData();

	var tmplObj = null;

	var tableId = null;

	var arrys = []

	DomNameStart()

	function DomNameStart() {

		//侧面添加class、索引加载
		//$('.sys-sidebar ul li').eq(0).find('ul li ').eq(0).addClass('active')

		var name = $('.sys-sidebar').find('li .active a').text()

		$("#TopName").text(name) //替换头部日志名称

		ad.selectList("SYS_SERVER_LIST", {}, function(data) {

			$("#datasource").empty()
			function tableList(datas) {
				if(datas == '') {
					return ''
				}
				var str = '';
				for(var i = 0; i < datas.length; i++) {

					str += `<li data-id="${datas[i].id}"><span data_search="${datas[i].name}">${datas[i].name} </span><em class="icons"><a href="javascript:void(0)" class="delOne" title="删除">
					<i class="icon-delete"></i></a></em></li>`

				}
				return str
			}

			function itemList(datas) {
				if(datas == '') {
					return ''
				}
				var str = '';
				for(var i = 0; i < datas.length; i++) {

					str += `<div class="source-item" >
					              <p><strong>${datas[i].table}</strong> <em class="icons"> <a href="javascript:void(0)"  title="添加">
					              <i class="icon-add-circle-o"></i></a><a href="javascript:void(0)"  title="修改">
					              <i class="icon-setting"></i></a><a href="javascript:void(0)" class="delGroup" title="删除">
					              <i class="icon-delete"></i></a></em>
					              </p>
					              <ul  data-id="${datas[i].id}" class="scrollbar">
					                ${tableList(datas[i].child)}
					              </ul>
					            </div>`
				}
				return str
			}
			
			for(var i = 0; i < data.length; i++) {
				if(data == '') {
					return ''
				}
				//  	${itemList(data[i].item)}
				$("#datasource").append(`
								 <div class="source-box" data-id="${data[i].id}" boxName = "${data[i].name}">
						            <div class="source-tit"><h4>${data[i].name}</h4></div>
						         ${itemList(data[i].item)}
						
						          </div>
				`)
				
				

			}
			tableEidt()
			
			tableDel()
		})
			ftpChild(2)
		
	}
	domCase()

	function domCase() {
		$("#save").on('click', function() {

			var param = {
				"name": $("#groupName").val(),
				"type": $("#groupType").val(),
				"resrc_id": $("#groupType option:selected").text() == 'FTP' ? $("#ftpType").val() : null,
				"remark": $("#groupTxt").val(),

			}

			ad.insert("SYS_SERVER_UP_TYPE", param, function(data) {
				//data == 1 ? _as.jAlert("添加成功") : _as.jAlert("添加失败")
				_as.jAlert("添加成功")
				DomNameStart()
				$(".dialog").hide();
			})
		})

		$("#save2").on('click', function() {

			var param = {
				"name": $("#groupName2").val(),
				"type": $("#groupType2").val(),
				"resrc_id": $("#groupType2 option:selected").text() == 'FTP' ? $("#ftpType2").val() : null,
				"remark": $("#groupTxt2").val(),
                "id":tableId
			}
			ad.insert("SYS_SERVER_RE_TYPE", param, function(data) {
				//data == 1 ? _as.jAlert("修改成功") : _as.jAlert("修改失败")
				_as.jAlert("修改成功")
				DomNameStart()
				$(".dialog").hide();
			})
		})
	
		$("#searchKey").on('click',function(){
			$("span[data_search]").css('background','')
			
			var val = $("#keyVal").val()
			var test = /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/.test(val)
			
			if(test){
				
			
				$("span[data_search='"+val+"']").parent().parent().prepend(	$("span[data_search='"+val+"']").parent())
					$("span[data_search='"+val+"']").css('background','red')
				
			}else{
				_as.jAlert('ip格式错误')
			}
			
		})
	}

	function tableEidt() {

		$("#addbtn ").on("click", function() {
			$("#add").show();
			
			
		})
		//列表修改
		$(".source-item p ").on("click", "a[title='修改']", function() {
			$("#edit").show();
			var text = $(this).parents('div [boxName]').attr('boxName')
			
			var id = $(this).parents('div [boxName]').attr('data-id')
			
			var pId = $(this).parents('.source-item').find('ul').attr('data-id')

			tableId = pId
			
			if(text=='FTP'){
				$("#ftpType2").parents('.form-item').show()
			}else{
				$("#ftpType2").parents('.form-item').hide()
			}
			
			$("#groupType2").empty()
			$("#groupType2").append(`<option value="${id}">${text}</option>`)
			
			ad.selectList("SYS_SERVER_DATA_TYPE",{id:pId},function(data){
				$("#ftpType2").val(data.resrc_id),$("#groupTxt2").val(data.remark),$("#groupName2").val(data.name)
			})
		})

		$(".source-item p ").on("click", "a[title='添加']", function() {

			if(!$("#datasource").find('.btn-sm').length) {
				$pobj = $(this).parents(".source-item").find('ul')
				$pobj.prepend("<li><input type='text'> <button class='btn btn-sm'><i class='icon-save'></i></button></li>")
			}

		})
		$("#datasource").off('click').on('click', '.btn-sm', function() {
			//	console.log(1)
			let inputVal = $(this).siblings('input').val();

			let data_id = $(this).parents('ul').attr('data-id');
			if(inputVal == '') {

				$(this).parents('li').remove();

				return
			}
			ad.insert("SYS_SERVER_ADD_LI", {
				value: inputVal,
				id: data_id
			}, function() {
                DomNameStart()
			})
			//$(this).parents('ul').append(`<li><span>${inputVal} </span><em class="icons"><a href="javascript:void(0)" title="删除"><i class="icon-delete"></i></a></em></li>`)
			$(this).parents('li').remove();

		})

		$(".dialog .close,#cancel").on("click", function() {

			$(".dialog").hide();

		})
		$(".stype").on("change", function() {
			$(this).val() == "2" ? $(this).parents(".form-item").next().show() : $(this).parents(".form-item").next().hide()
		})

		$(".scrollbar").mCustomScrollbar({
			autoHideScrollbar: true,
			advanced: {
				autoExpandHorizontalScroll: true
			}
		});
	}

	function tableDel() {
		$("#datasource .delGroup").on('click',function(){
			var delId = $(this).parents('p').siblings('ul').attr('data-id')
            _as.jConfirm('确定是否要删除',function(){
                ad.selectList("SYS_SERVER_DEL_TYPE", {delId:delId}, function(data) {
                    DomNameStart()
                    $(".dialog").hide();
                })
            })

		})
		
		$("#datasource .delOne").on('click',function(){
			var delId = $(this).parents('li').attr('data-id')
			
			ad.selectList("SYS_SERVER_DEL_ONE", {delId:delId}, function(data) {
				//data == 1 ? _as.jAlert("删除成功") : _as.jAlert("删除失败")
				_as.jAlert("删除成功")
				DomNameStart()
				$(".dialog").hide();
			})
			
		})
	}
	loadAdds()
	function loadAdds() {//导入
		$("#addLoad").on('click',function(){
			return $("#loadAdd").click()
		})
		
		
		
		$("#loadAdd").on('change',function(){

				 var file = $("#loadAdd")[0].files[0]
				
				var ssw =  new FormData()
				ssw.append('file',$("#loadAdd")[0].files[0])
				
				// var param = {files:file}
				$.ajax({
					type:"post",
					data:ssw,
					processData:false,
					contentType:false,
					url:appApi("SYS_SERVER_LOAD_IN"),
					async:true,
					complete:function complete(xhr){
						var r = JSON.parse(xhr.responseText)
						var c = parseInt(r.status.code)
						var m = r.status.message
						if(c==200){
							_as.jAlert('上传成功')
							DomNameStart()
						}
						if(c==500){
							_as.jAlert(m)
						}
						
					}
				});
				// ad.insert("SYS_SERVER_LOAD_IN",{data:ssw},function(){})
				
		})
		
		$("#loadOut").on('click',function(){


            $.downloadInterface(appApi("SYS_SERVER_LOAD_OUT"),"get")
			// ad.selectList("SYS_SERVER_LOAD_OUT",{},function(data){
            //
            //
			// 	// if(data){
			// 		window.open(data)
			// 	// }
			//
			// })
		})
	}
	
	
	function ftpChild(num) {
		
		ad.selectList("SYS_SERVER_FTP_TYPE", {}, function(data) {
			if(num==2){
				$("#ftpType").empty()

				for(var i = 0; i < data.length; i++) {
					$("#ftpType").append(`<option value="${data[i].code}">${data[i].value}</option>`)
				}
				
				$("#ftpType2").empty()
	
				for(var i = 0; i < data.length; i++) {
					$("#ftpType2").append(`<option value="${data[i].code}">${data[i].value}</option>`)
				}
			}
			if(num==1){
				$("#ftpType2").empty()
	
				for(var i = 0; i < data.length; i++) {
					$("#ftpType2").append(`<option value="${data[i].code}">${data[i].value}</option>`)
				}
			}

		})
	}
})